<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>详情页</title>
    <link type="text/css" rel="stylesheet" href="./详细页/css/base.css" />
    <link type="text/css" rel="stylesheet" href="./详细页/css/top.css">
    <link type="text/css" rel="stylesheet" href="./详细页/css/left.css">
</head>
<body>
<div id="cont">
    <div id="banner">
        <ul>
            <li id="banner_a" style="font-size: 60px;padding-top: 100px;">非常日记</li>
            <li id="banner_b" style="padding-left: 170px;">一个有灵魂的博客</li>
        </ul>
    </div>
    <div id="top">
        <ul>
            <li><a id="top_a" href="#">首页</a></li>
            <li><a href="#">hrml</a></li>
            <li><a href="#">css</a></li>
            <li><a href="#">数据库</a></li>
        </ul>
    </div>
    <div id="left">
        <ul>
            <li  id="left_a"><span style="font-size: 30px;">vue入门介绍</span>   2021-03-15 15:00</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
            <li class="left_li">框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身，
                使用者需要按照框架所规定的某种特定规范进行开发。</li>
        </ul>
    </div>
    <div id="fo">
        <span id="fo_a" >copyright @ 2021 非常日记</span>
    </div>
</div>
</body>
</html>
